@charset "utf-8";

/*popup*/
#dialog_1 {text-align: center; display: none; background-image:url('../popup/popup_tutorial.png'); background-repeat: no-repeat;}
#dialog_2 {text-align: center; display: none; background-image:url('../popup/popup_event.png'); background-repeat: no-repeat;}

#dialog_2 #dialog_1_close {float:right; width:10px; height:9px; background-image:url('../popup/popup_close_button.png'); margin-top:10px; margin-right: 5px; cursor: pointer;}
#dialog_2 #dialog_1_link {position: absolute; bottom:29px; left:24px; width:68px; height:18px; cursor: pointer;}

#dialog_2 #dialog_2_close {float:right; width:18px; height:20px; background-image:url('../popup/popup_close_button.png'); margin-top:3px; margin-right: 5px; cursor: pointer;}
#dialog_2 #dialog_2_link {position: absolute; bottom:70px; left:118px; width:88px; height:26px; cursor: pointer;}
#dialog_2 #dialog_2_check {position: absolute; bottom:36px; text-align: left;}
#dialog_2 #dialog_2_close_bottom {position: absolute; width:40px; height:21px; background-image:url('../popup/popup_close_bottom.png');bottom:35px; right:15px;}
.ui-widget-content {
	background:none;
}
.ui-dialog-titlebar {
	background: #fff;
	color: #000;
	border: none;
}

.ui-dialog { border:none; }

/* images dock */
.dock {	position: relative; height: 50px; text-align: center; width:400px; margin-top:35px; margin-left:10px;}
.dock-container { position: absolute; height: 50px;	background: none; width:400px; padding-left:20px;}
.dock-item img { border: none; margin: 5px 10px 0px; width: 100%;}
a.dock-item { display: block; color: #000; 	position: absolute;	top: 0px; text-align: center; text-decoration: none ;font: bold 12px Arial, Helvetica, sans-serif; width:43px; height:43px;}

/* 음식 리스트 메인 */
#divFoodListMain { width:760px; position:relative; }

#divFoodSearch { width:970px; border:1px solid #ccc; padding:5px; background-color:#fff; margin-bottom:5px; overflow:auto; }
#divFoodSearch .searchLeft { width:20%; float:left; }
#divFoodSearch .searchRight { width:20%; float:right; text-align:right; }

.upArrow { cursor:pointer; width:14px; margin-left:138px; margin-top:-10px; margin-bottom:10px;}
.downArrow { cursor:pointer; width:14px; margin-top:-24px;}

.orderListWrap { overflow:hidden; }

.category_left, .category_center, .category_right{float:left; margin-left: 5px; margin-right: 5px; display: inline; }

/* 음식 리스트 */
.drag_me {background-image:url('../images/title_drag_me.png');width:100px;height:25px; background-repeat: no-repeat; position: relative; float: left;}
#small_star_off {position:absolute; margin-top:5px; margin-left:95px; width:70px; height:14px; background-image:url('../images/star_small_off.png'); z-index:1;}
#small_star_on {position:absolute;  margin-top:5px; margin-left:95px; height:14px; background-image:url('../images/star_small_on.png'); z-index:2; overflow: hidden;}
#divFoodList { width:754px; overflow:hidden; margin-bottom:10px;}
#divFoodList #divCategory { width:752px; height:178px; margin-bottom:5px;}
#divFoodList #divCategory #search_left { float:left; margin-top:27px; width:441px; height:142px; display: inline; background: url('../images/search_left_bg.png') no-repeat;}
#divFoodList #divCategory #search_left img {cursor:pointer;}
#divFoodList #divCategory #search_left .search_wrap { margin-top:21px; margin-left:10px; }
#divFoodList #divCategory #search_left .search_text { float:left; width:364px; height:25px; margin-left:0px; margin-right:10px; background:url('../images/input_background.png') no-repeat; }
#divFoodList #divCategory #search_left .search_text input { width:352px; margin-right:0px; margin-left:4px; margin-top:4px; background:none; border:none; }
#divFoodList #divCategory #search_left .search_button { width:40px; float:left; margin-top:0px; margin-right:12px; }
#divFoodList #divCategory #sliderSearch { float:right; margin-top:27px; width:301px; height:142px; background:url('../../yamnyam_restraunt/images/search_right_bg.png') no-repeat;}
#divFoodList #divCategory #sliderSearch .upper { font-size:20px; margin-top:45px; margin-bottom:10px; margin-left:10px; }
#divFoodList #divCategory #sliderSearch .lower { font-size:20px; margin-right:10px; margin-top:12px; text-align:right; }
/*#slider {width:270px; height:10px; margin-bottom:10px; background-image: url('../images/slider_background.png');}*/
#slider { background-image: url('../images/slider_background.png'); width:270px; margin-left:15px; }

#slider-range { background-color:transparent; background-image: none; height:10px; }
#slider-range .ui-widget-content { background-color:transparent; background-image: none; }
#slider-range .ui-slider-range { background-color:#f00; background-image: none; filter:alpha(opacity=25); -moz-opacity:0.25; -khtml-opacity: 0.25; opacity: 0.25; }
#slider-range .ui-state-default { background-color:#fff; filter:alpha(opacity=40); -moz-opacity:0.40; -khtml-opacity: 0.40; opacity: 0.40; }
#slider-range .ui-slider-horizontal { border: 1px solid #000; }
#slider-range .ui-slider-handle { border: 1px solid #000; }
/*
#sliderLeftPosition {background-image: url('../images/slider_position_background.png');}
#sliderRightPosition {background-image: url('../images/slider_position_background.png');}
*/

#sliderPrice1 { font-weight: bold }
#sliderPrice2 { font-weight: bold }

#divFoodList #divSorting { float:left; height:32px; width:748px;  padding-bottom:6px; background-color:#fff; margin-bottom:10px; margin-left:2px; text-align: center; display: inline;}
#divFoodList #divSorting .tapped { margin-bottom:-10px; }
#divFoodList div.cell { float:left; margin-bottom:10px; margin-right:6px; border: 2px white solid; width:170px; height: 250px; cursor:pointer; padding:5px;  z-index:200; background: #FFF; background-image: url('../images/cell_background.png');}

#divFoodList div.cell .price {float:right; text-align: right; padding: 0px 5px 0 0; height:34px; width:100%;}
#divFoodList div.cell .price_small {float:right; text-align: right; padding: 0 5px 0 0; height:24px; width:100%;}
#divFoodList div.cell .social_text { font-size: 18px; padding:0 5px; height:44px;}
#divFoodList div.cell .social_text a { font-size: 14px;}
#divFoodList div.cell .calorie {bottom:0; right:0; color:#fff; font-size: 12px; text-align: left; padding-top:10px; padding-left:5px; font-weight:bold; width:100%; height:15px;}
#divFoodList div.cell .selectButton { background-image:url('../images/button_select.png'); width:138px; height:46px; margin-top:2px; }

/*단축키*/
#scCategory { position: absolute; z-index: 999; left: 5px; top: 60px; width: 440px; height:70px; }
#scSorting { position: absolute; z-index: 999; left: 0px; top: 180px; width: 750px; height:40px; }
#scFoodList { position: absolute; z-index: 999; left: 0px; top: 230px; width: 180px; height:260px;  }
#scPagination { position: absolute; z-index: 999; left: 0px; top: 0px; width: 750px; height:70px; }

.won{font-size: 18px; color: #fff;}
.item_label_wrap { float:right;}
.item_label_1 { width:30px; height:9px; background-image: url('../images/hot_icon.png');}
.item_label_2 { width:30px; height:9px; background-image: url('../images/new_icon.png');}
#divFoodList div.cell img.thumb { padding:2px; border:1px solid #e0e1db; width:150px; height:150px; }
#divFoodList div.cell img{vertical-align: middle;}

#divFoodList .divFoodListLogo { width:172px; height:39px; background-image: url("../images/title_quick_order.png");}

#divFoodListFooter { width:700px; border:1px dashed #333; padding:5px; text-align:center; }

#divCategory1 { position:relative; }
#dummySpace .divFoodCategory_window { position:absolute; float:left; width:60px; height:150px; display:none; z-index:9999; background-color:#fff; border:1px solid #000;}
#dummySpace #divCategory_57 { left:57px; top:100px; }
#dummySpace #divCategory_59 { left:99px; top:100px; }
#dummySpace #divCategory_61 { left:151px; top:100px; }
#dummySpace #divCategory_63 { left:193px; top:100px; }
#dummySpace #divCategory_191 { left:235px; top:100px; }
#dummySpace #divCategory_507 { left:277px; top:100px; }
#dummySpace #divCategory_509 { left:319px; top:100px; }
#dummySpace #divCategory_511 { left:361px; top:100px; }
#dummySpace #divCategory_193 { left:403px; top:100px; }

#divCategory1 #divFoodCategory{ position:absolute; width:630px; height:270px; background-color:#fff; border-top:1px solid #999;border-left:1px solid #999;border-bottom:1px solid #999; }
#divCategory1 #divFoodCategory .Footer { width:630px;; text-align:right; }
#divCategory1 .menu_table { border-collapse: collapse; }
#divCategory1 .menu_table th { background-color: #eee; text-align: center; width: 60px; border-right: 1px #bbb solid;}
#divCategory1 .menu_table td { height: 210px; vertical-align: top; padding-top: 5px; border-right: 1px #bbb solid;}

#divCategory2 { position:relative; }
#divCategory2 .divStoreCategory_window { position:absolute; left:50px; top:0px; float:left; width:630px; height:270px; display:none; z-index:9999; }
#divCategory2 #divStoreCategory{ position:absolute; width:630px; height:270px; background-color:#fff; border-top:1px solid #999;border-left:1px solid #999;border-bottom:1px solid #999; }
#divCategory2 #divStoreCategory .Footer { width:630px;; text-align:right; }
#divCategory2 .menu_table { border-collapse: collapse; }
#divCategory2 .menu_table th { background-color: #eee; text-align: center; width: 60px; border-right: 1px #bbb solid;}
#divCategory2 .menu_table td { height: 210px; vertical-align: top; padding-top: 5px; border-right: 1px #bbb solid;}

/* 음식 전체 카테고리 */
#divFoodCategory .Body {
	text-align: left;
	float: left;
}

#divFoodCategory .Body .table {
}

#mask2 { position:absolute; z-index:100; background-color:#000; display:none; left:0px; top:0px; }

/* 음식 게시물 상세보기 */
.board_read { background-image: url('../images/board_read_background.png'); background-repeat: no-repeat; width:732px; padding:9px; background-color: #fff; margin-top: 25px; z-index: 200;}
.read_header { margin:10px 0 5px 18px; }
.read_body { background-image: url('../images/read_body_background'); background-repeat: no-repeat; width:692px; height:250px; margin-left:9px; padding:10px;}
.board_read .read_body_img {width:260px; height:190px; border:1px solid #959595}
.read_footer { text-align: right; padding-right: 50px;}
.read_table { font-size:12px;}
.read_table td { padding: 4px 0; }
.read_table .read_table_title { font-weight: bold; width:100px; padding-left: 50px; font-family:굴림; color:#363636}
.read_table .contentHeight div {width:270px;}
.read_table .read_table_value { width:340px; font-family:굴림 }
.read_table .read_table_grade { width:340px; font-family:굴림; font-size: 30px; font-style: italic;color: #aaa; }

#star_off {position:absolute; left:15px; top:-15px; width:216px; height:50px; background-image:url('../images/star_big_off.png'); z-index:1;}
#star_on {position:absolute; left:15px; top:-15px;width:216px; height:50px; background-image:url('../images/star_big_on.png'); z-index:2; overflow: hidden;}


.icon16px { vertical-align:middle; margin-top:-5px; margin-right:4px; cursor:pointer; }

/*음식 등록*/
.divFoodAdd center	{ font-weight:bold; font-size:14px; color:#545454; height:20px; padding-top:5px; padding-bottom:5px; }
.divFoodAdd .foodreg_top	{ margin-top:10px; background-image: url('../images/resister_background_top.png'); width:982px; height:20px}
.divFoodAdd .foodreg_top h3	{ margin-left:20px; padding-top:10px; }
.divFoodAdd .fill_blank		{ background-image: url('../images/resister_background_middle.png'); width:980px; height:40px; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; }
.divFoodAdd .foodreg_middle	{ padding-top:15px; background-color:#fff; background-image: url('../images/resister_background_middle.png'); background-repeat: repeat-x; width:980px; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-top:1px solid #d5d5d5; }
.divFoodAdd .foodreg_bottom	{ background-image: url('../images/resister_background_bottom.png'); width:982px; height:20px }
.inputTable tr {padding:5px 0;}
.inputTable .table_title {text-align: left; padding-left: 25px;}

/*평점 주기*/
#divPreference1123 {display:none;z-index:9999; background-image:url('../images/rating_background.png'); position:absolute; width:456px; height:126px; }
#divPreference1123 #divPreference1123_close {position: absolute; left: 410px; top:35px;}
#divPreference1123 #pre_submit {position: absolute; left: 340px; top:50px;}
#divPreference1123 #pre_star_point {position: absolute; left: 50px; top:50px; font-size:24px; color:#d5d5d5; font-weight: bold;font-style: italic; width:50px; text-align: right;}
#divPreference1123 #pre_star_off {position:absolute; left:110px; top:35px; width:216px; height:50px; background-image:url('../images/star_big_off.png'); z-index:9900;}
#divPreference1123 #pre_star_on {position:absolute; left:110px; top:35px; width:108px; height:50px; background-image:url('../images/star_big_on.png'); z-index:9901; overflow: hidden;}
#divPreference1123 #pre_star_position {left:0px;}